let titleList = [{
        id: 1,
        title: '以下哪个不是input在html5的新类型？',
        choice: ['search', 'range', 'file', 'color'],
        answer: [false, false, true, false],
        analysis: '本题考查的是：新增的表单项 file不是新增的'
    }, {
        id: 2,
        title: '下列哪个方法没办法截取字符串',
        choice: ['substr', 'substring', 'splice', 'slice'],
        answer: [false, false, true, false],
        analysis: '本题考查的是：String对象 splice方法是数组的方法'
    },
    {
        id: 3,
        title: '下列关于行内式说法正确的是',
        choice: ['行内式在工作中使用的最多', '行内式的作用范围是当前标签', '行内式样式的作用范围是当前页面', '行内样式写在单独的css文件中'],
        answer: [false, true, false, false],
        analysis: '行内样式用的较少，作用范围是当前标签。'
    }, {
        id: 4,
        title: '父盒子受浮动影响的原因，下列解释合理的是',
        choice: [
            '浮动元素因为显示模式与父元素不一样，导致浮动影响',
            '浮动元素因为已经脱离标准流，所以会导致无高度的父元素失去高度',
            '浮动元素一行排列，所以对父元素产生影响',
            '浮动元素会将父元素的高度清空'
        ],
        answer: [false, true, false, false],
        analysis: '因为浮动元素有一个特点，就是脱离标准流。<br /> 如果父盒子是标准流的情况下，所有的子元素都浮动了，都脱离标准流，那么就没有盒子撑开父盒子的高度。<br /> 从而父盒子会失去高度，这就是父盒子的影响。<br /> 故答案B正确。'
    },
    {
        id: 5,
        title: '关于CSS 样式规则下列说法不正确的是',
        choice: [
            '属性和属性值之间用英文的冒号：链接',
            '属性和属性值以键值对的形式出现',
            '设置的样式必须写在花括号里｛｝才有用',
            '多个键值对之间要用空格或换行分开'
        ],
        answer: [false, false, false, true],
        analysis: ' 本题考查的是：css基本语法 D中多个键值对之间要用分号'
    }, {
        id: 6,
        title: 'var i = 0; var num = ++i?i++:++i; console.log(num);的结果是：',
        choice: ['0', '1', '2', '3'],
        answer: [false, true, false, false],
        analysis: '本题考查的是：三元运算符 ++i的结果是1，所以会执行i++操作，因为++i判断的时候，i是1，所以i++的结果还是1'
    }, {
        id: 7,
        title: ' 代码： var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; var sum = 0; for(var i = 0; i < arr.length; i++) { if(arr[i]%2 == 0) { sum += arr[i]; } } console.log(sum); 的结果是：',
        choice: ['25', '30', '32', '34'],
        answer: [false, true, false, false],
        analysis: '本题考查的是：数组遍历 2+4+6+8+10'
    }, {
        id: 8,
        title: '当前页面版心宽度是1200px，以下代码正确的是',
        choice: [
            '.w {width: 1200px;}',
            '.w {width: 1200px; margin: 0;}',
            '.w {width: 1200px; margin: 0 auto;}',
            '.w {margin: 0 auto;}'
        ],
        answer: [false, false, true, false],
        analysis: '设置版心，一般使用.w类选择器，同时设置上固定的宽度，以及水平居中属性即可。 故答案C正确。'
    }, {
        id: 9,
        title: "页面有一个元素<div id='info'>123</div>,以下结果返回值为真的是",
        choice: [
            "document.getElementById('#info')==document.getElementsByTagName('div')",
            "document.getElementById('info')==document.getElementsByTagName('div')",
            "document.getElementById('info')==document.getElementsByTagName('div')[0]",
            "document.getElementById('info')[0]==document.getElementsByTagName('div')"
        ],
        answer: [false, false, true, false],
        analysis: 'getElementById(&ldquo;info&rdquo;)获取元素不用加#号，A选项获取不到元素</p> <p>getElementsByTagName()获取的元素返回值是伪数组，不是元素本身，B选项错误</p> <p>getElementById(&ldquo;info&rdquo;)获取的是元素对象本身，不是伪数组&nbsp; D选项错误'
    }, {
        id: 10,
        title: 'btn.onclick = () => { console.log(this); } 下面选项打印结果说法正确的是？',
        choice: [
            'window对象',
            'btn对象',
            'undefined',
            'null'
        ],
        answer: [true, false, false, false],
        analysis: '本题考核的知识点是：箭头函数 <br /> 箭头函数中的this是定义时当前作用域的对象，与调用无关'
    },
    {
        id: 11,
        title: '以下选项，描述正确的是（多选题）',
        choice: [
            '单选框设置默认选中使用checked属性',
            '多选框设置默认选中使用checked属性',
            '下拉框设置默认选中使用checked属性',
            '下拉框设置默认选中使用selected属性'
        ],
        answer: [true, true, false, true],
        analysis: '在单选框与多选框中，默认选中效果的属性是checked。<br /> 而下拉框默认选中的属性是selected属性。<br /> 故答案ABD正确。'
    },
    {
        id: 12,
        title: '阅读以下代码片段，哪些选项可以正确的赋值颜色（多选题）',
        choice: [
            'color: red;',
            'color: rgb(255, 0, 0);',
            'color: rgb(100%, 0, 0);',
            'color: #f00;'
        ],
        answer: [true, true, false, true],
        analysis: '文本颜色通过color属性赋值，可以用英文单词，rgb表示法，十六进制表示法<br /> 但是注意一点，如果rgb中用的是百分比，那么所有的数值都必须有%单位，即使是0%也需要。<br /> 故答案ABD正确。'
    },
    {
        id: 13,
        title: '以下选项描述正确的有哪些（多选题）',
        choice: [
            '块级元素独自占据一行，可以设置宽高',
            '块级元素独自占据一行，不能设置宽高',
            '行内元素一行显示多个，不能设置宽高',
            '行内块元素一行显示多个，可以设置宽高'
        ],
        answer: [true, false, true, true],
        analysis: '块级元素独自占据一行，可以设置宽高 <br /> 行内元素一行显示多个，不能设置宽高 <br /> 行内块元素一行显示多个，可以设置宽高 <br /> 故答案ACD正确。'
    },
    {
        id: 14,
        title: '以下描述中，关于继承性描述正确的是（多选题）',
        choice: [
            '存在嵌套关系的元素，子元素会继承父元素的部分属性',
            '存在嵌套关系的元素，子元素会继承父元素的所有属性',
            'a标签会继承父元素的颜色',
            'h系列标签不会继承父元素的字体大小'
        ],
        answer: [true, false, false, true],
        analysis: '所谓继承性，存在嵌套关系的元素，才有继承性的发生。 子元素会继承父元素的部分属性，但是常见的a标签与h系列标签要注意。 a标签不继承颜色，h系列标签不继承字体大小。<br /> 故答案AD正确。'
    },
    {
        id: 15,
        title: '以下哪些是h系列标签的特点（多选题）',
        choice: [
            'h系列标签，总共有六个，h1-h6',
            '一般来讲，页面中不会限制 h2-6标签出现次数',
            '一个页面上如果重要的元素很多，可以用多个h1标签',
            'h系列标签一行显示一个'
        ],
        answer: [true, true, false, true],
        analysis: 'h1标签是页面上最重要的元素，一个页面只能有一个，所以C选项说法错误。'
    }, {
        id: 16,
        title: '在dom对象中，常见的节点有（多选题）',
        choice: [
            '文本节点',
            '属性节点',
            '元素节点',
            '值节点'
        ],
        answer: [true, true, true, false],
        analysis: '没有值节点。'
    }, {
        id: 17,
        title: '在jquery中，如果想要获取当前元素的高度值与宽度值(包含padding)，下面哪个是实现该功能的（多选题）',
        choice: [
            "$('对象').height()",
            "$('对象').innerWidth()",
            "$('对象').width()",
            "$('对象').innerHeight()"
        ],
        answer: [false, true, false, true],
        analysis: ' 本题考核的知识点是：innerWidth ()与innerHeight () width()与height()方法只能获取到不包含padding的高度 <br /> width() - 设置或返回元素的宽度 <br /> height() - 设置或返回元素的高度 <br /> innerWidth() - 返回元素的宽度（包含 padding）<br /> innerHeight() - 返回元素的高度（包含 padding）'
    }, {
        id: 18,
        title: '关于数组的slice()和splice()方法，下列描述错误的是（多选题）',
        choice: [
            'slice() 方法是用来截取数组元素的，第一个参数是开始下标，第二个参数是结束下标，并且不包括结束下标',
            'slice() 方法是用来截取数组元素的，截取后，返回一个新数组，原数组不受影响',
            'splice() 方法是用来截取数组元素的，第一个参数是开始下标，第二个参数是结束下标，并且不包括结束下标',
            'splice() 方法是用来截取数组元素的，截取后，返回一个新数组，原数组不受影响'
        ],
        answer: [false, false, true, true],
        analysis: '本题考核的知识点是数组对象的slice()/splice()方法。 <br /> ​AB描述都是正确的，而splice()方法的第二个参数是个数，不是结束下标，又因splice()方法截取后是会影响原数组的，故答案为CD。'
    }, {
        id: 19,
        title: '以下说法正确的是（多选题）',
        choice: [
            'v-model指令能够实现vue中的双向数据绑定',
            'v-model指令只能够用在表单元素上面',
            'vue双向数据绑定使用的是脏数据检查机制',
            'vue双向数据绑定使用的是Object.defineProperty()数据劫持方式'
        ],
        answer: [true, false, false, true],
        analysis: 'v-model指令能够实现vue中的双向数据绑定 <br /> vue双向数据绑定使用的是Object.defineProperty()数据劫持方式'
    },
    {
        id: 20,
        title: '下列关于transform属性，描述正确的选项是（多选题）',
        choice: [
            'transform属性是CSS3中添加的',
            'transform属性可以应用于元素的2D转换。这个属性允许你将元素旋转，缩放，移动等',
            '所有的浏览器都支持transform属性',
            'transform属性可以被继承'
        ],
        answer: [true, true, false, false],
        analysis: '本题考核的知识点是：2d转换 <br /> transform属性值不支持部分低版本浏览器 <br /> transform属性值默认不继承'
    },
];